<template>
  <div>
    <Form :model="createProject" :label-width="80" label-position="left">
      <FormItem label="工程名称">
        <Input v-model="createProject.name" placeholder="请输入工程名称"></Input>
      </FormItem>
      <FormItem label="工程类型">
        <Input v-model="createProject.type" placeholder="请输入工程类型"></Input>
      </FormItem>
    </Form>
    <Button type="primary" @click="handleCreateProject">新建</Button>
  </div>
</template>

<script>
  export default {
    name: 'create-project',
    data() {
      return {
        createProject: {
          type: '',
          name: ''
        }
      }
    },
    methods: {
      handleCreateProject() {
        this.$Message.success('新建成功')
      }
    }
  }
</script>

<style scoped>

</style>
